<div class="main_div">
  <div class="title_text margin_bottom_30">{{ 'repositories.connectiondetails.label' | translate }}</div>
  <div class="middle_div">
    <div class="margin_bottom_15">
      <label for="displayName" class="margin_bottom_5 block text_left">{{ 'repositories.displayName.label' | translate }}</label> <input set-focus id="displayName" class="block" type="text" size="50" ng-model="model.displayName" ng-change="resetErrorMsg()"/>
    </div>
    <div class="margin_bottom_15">
      <label for="connectionDD" class="margin_bottom_5 block text_left">{{ 'repositories.database.connection.label' | translate }}</label>
      <div ng-click="selectDatabase()" id="connectionDD" style="cursor:pointer" ng-class="{italic : model.databaseConnection == 'None'}">{{model.databaseConnection}}</div>
    </div>
    <div class="margin_bottom_20">
      <label for="description" class="margin_bottom_5 block text_left">{{ 'repositories.description.label' | translate }}</label>
      <textarea id="description" class="block" rows="4" cols="50" ng-model="model.description"></textarea>
    </div>
    <div class="text_left">
      <button id="isDefault" class="detailsBtn inline" ng-class="{activate : model.isDefault}" ng-click="setDefaultConn(!model.isDefault)">
        <div class="detailsBtnCheckmark" ng-show="model.isDefault"></div>
      </button>
      <label for="isDefault" class="inline margin_left_3">{{ 'repositories.launch.label' | translate }}</label>
    </div>
  </div>
  <div class="bottom">
    <div class="margin_bottom_20">
      <hr />
    </div>
    <div>
      <img class="left helpImg" alt="" src="images/help.svg" /><a id="btnHelp" class="left" ng-click="help()">{{ 'repositories.help.label' | translate }}</a>
      <button id="finish" class="right margin_left_10 standard" type="button" disabled="disabled" ng-disabled="!canFinish()" ng-click="finish()">
        <span>
          {{ 'repositories.finish.label' | translate }}
        </span>
      </button>
      <button class="right secondary" type="button" ng-click="back()">
        <span>
          {{ 'repositories.back.label' | translate }}
        </span>
      </button>
    </div>
  </div>
</div>
